.plugins-browser__main-header {
	background: var( --color-surface );
	flex-direction: column;
	display: flex;
	margin-bottom: 9px;

	@include breakpoint-deprecated( '>480px' ) {
		flex-direction: row;
		margin-bottom: 17px;
	}
}

.plugins-browser__main-header .section-nav {
	box-shadow: none;
	flex: auto;
	margin: 0;
}

.plugins-browser__main-buttons {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 9px;
	width: 100%;

	@include breakpoint-deprecated( '>480px' ) {
		margin-bottom: 17px;
	}

	.plugins-browser__button {
		&:not( :last-child ) {
			margin-right: 10px;
		}

		&:last-child {
			@include breakpoint-deprecated( '<660px' ) {
				margin-right: 15px;
			}
		}

		.gridicon {
			margin-right: 0;
			@include breakpoint-deprecated( '>480px' ) {
				margin-right: 4px;
			}
		}

		.plugins-browser__button-text {
			display: none;
			@include breakpoint-deprecated( '>480px' ) {
				display: inline-block;
			}
		}
	}
}
